header {
    height: 90px;
    width: 100%;
    /* background-color: aqua; */
    display: flex;

}

header .left {
    flex: 1;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

header .left img {
    width: 232px;
    height: 62px;
}

header .right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* justify-content: center; */
}

.right ul {
    width: 390px;
    /* height: 10%; */
    display: flex;
    align-items: center;
}

.right ul a {
    flex: 1;
    color: black;
    text-align: center;
    box-sizing: border-box;
    padding: 8px;
    font-size: 18px;
}
.right ul a:nth-child(5) {
    color: cornflowerblue;
    border-bottom: 1px solid cornflowerblue;
}

/* .right ul a:hover:nth-child(-n+5) {
    color: cornflowerblue;
    border-bottom: 1px solid cornflowerblue;
} */

.img-container img {
    width: 100%;
    height: 100%;
}

.w {
    width: 1200px;
    margin: 0 auto;
}

.contact .contact-top{
     /* width: 100%; */
     height: 70px;
}
.contact .contact-top ul{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.contact .contact-top ul a{
    /* margin-left: 20px; */
    text-align: center;

    color: black;
    font-size: 20px;
    /* height: 100%; */
    /* height: 100%;
    line-height: 100%; */
}
.contact .contact-top ul a:hover{
    border-bottom: 2px solid cornflowerblue;
    color: cornflowerblue;
}
.contact .contact-top ul a li{
    box-sizing: border-box;

    padding: 21px;
}
.contact .contact-middle{
    height: 623px;
    position: relative;
    display: flex;
    align-items: center;
}
.contact hr{
    margin-top: 0px;
    color: gainsboro;
}
.contact .contact-middle .middle-container{

    height: 479px;
    display: flex;
}
.contact .contact-middle .middle-container .right{
    flex: 1;
    position: relative;
    /* display: flex;
    justify-content: center;
    align-items: center; */

}
.contact .contact-middle .middle-container .right .right-info
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.contact .contact-middle .middle-container .right .info{
    /* flex: 1; */
    /* width: 100%; */
    width: 375px;
    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.contact-middle .middle-container .right .info h1{
    font-size: 22px;
    color: #222222;
    margin-bottom: 34px;
}
.contact-middle .middle-container .right .info  div {
margin-bottom: 21px;

}
.contact-middle .middle-container .right .info  div span{
    font-size: 16px;
    color:#555555;
}
.contact-middle .middle-container .right .ico{
display: flex;
align-items:center;
}
.contact-middle .middle-container .right .ico div{
    width: 134px;
    display: flex;
    flex-direction: column;
    align-items: center;

    /* margin-left: 22px; */
}
.middle-container .right .ico div span{
    margin-top: 5px;
}
.contact .contact-middle .middle-container .left{
    flex: 1;
    background: url("../imgs/map.jpg") no-repeat;
}
.footer{
    width: 100%;
    height: 254px;
    background-color:#333f50;
    margin-top: 88px;
}
.footer .footer-container{
    height: 100%;
    display: flex;
    justify-content: flex-end;
}
.footer .left{
     flex: 1;
     max-width: 65%;
    height: 100%;
    padding-top:60px ;
    display: flex;
    justify-content: space-between;
    margin-right: 20px;
}
.footer .left dl{
/* margin-left: 50px; */
}
.footer .left dt{
    font-size: 22px;
    color: #eeeeee;
    margin-bottom: 37px;
}
.footer .left dd{
    font-size: 14px;
    color: #aaaaaa;
}
.footer .right{
    flex: 1;
  max-width: 35%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.right .right-logo{
    width:366px ;
    height: 98px;
    background: url("../imgs/dl_footer_logo.png") no-repeat;
background-size: 366px 98px;
margin-bottom: 19px;

}
.right span{
    font-size: 22px;
    color: #717985;
}
.footer-bootom{
    width: 100%;
    height: 63px;
    background-color: #00b0f0;
}
.footer-bootom .container{
height: 100%;
display: flex;
align-items: center;
}
.footer-bootom .container .lefts 
{
    flex: 1;
    max-width: 65%;
    color: #ffffff;
    display: flex;
    justify-content: flex-start;
    
}
.footer-bootom .container .lefts  span{
    margin-left: 20px;
}
.footer-bootom .container .rights{
    flex: 1;
    max-width: 35%;
    display: flex;
    justify-content: flex-end;
}
.footer-bootom .container .rights img{
  /* flex: 1; */
  margin-left: 20px;
}

